.bottomBtn {
  position: fixed;
  width: 100%;
  // left: 50%;
  // transform: translateX(-50%);
}
.chat_content {
  position: relative;
  .to_bottom {
    position: absolute;
    right: 7%;
    bottom: 21%;
    border: 1px solid #ccc;
    border-radius: 50%;
    background: #fff;
    width: 50rpx;
    height: 50rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    image {
      width: 40rpx;
      height: 40rpx;
    }
  }
}
.input-container {
  background-color: #fff;
  // background-color: red;
  height: 100vh;
  // :global {
  //   think {
  //     color: red;
  //     font-weight: bold;
  //   }
  // }
  .top_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10rpx 20rpx;
    image {
      width: 40rpx;
      height: 40rpx;
    }
  }
}
.scrollView_style {
  // background: linear-gradient(to bottom, #f4f9ff, #e5f0ff);
  background: #fff;
  // padding-bottom:82rpx
  position: relative;
  .input_defaultDiv {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.lastScroll {
  height: 26rpx;
  width: 100%;
  background: #fff;
  float: left;
  clear: both;
}
.bottomHorizontal {
  position: fixed;
  width: 100%;
  // bottom: 121rpx;
}
// 添加反馈按钮组样式
.feedback-group {
  display: flex;
  align-items: center;
  gap: 8rpx;
  margin-top: 8rpx;
  margin-left: 20rpx;
  width: 100%;
  .feedback-btn {
    width: 32rpx;
    height: 32rpx;
    padding: 4rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.6;
    transition: opacity 0.2s;

    &:hover {
      opacity: 1;
    }

    .feedback-icon {
      width: 100%;
      height: 100%;
    }
  }
  .history-index {
    display: flex;
    align-items: center;
    gap: 6rpx;
  }
}
.chat-item {
  clear: both;
  font-weight: 300;

  .chat-item-ask {
    float: right;
    clear: both;
    padding-left: 90rpx;
    // width: 80%;
    .img_list {
      white-space: nowrap;
      overflow-x: scroll;
      width: 100%;
      padding-top: 18rpx;
      .img_list_item {
        position: relative;
        display: inline-block;
        // align-items: center;
        // justify-content: flex-start;
        // width: 327rpx;
        border: 1px solid #ccc;
        border-radius: 24rpx;
        padding: 11rpx;
        margin-right: 15rpx;
        image {
          width: 58rpx;
          height: 44rpx;
          margin: 0 14rpx;
          margin-top: 15rpx;
          float: left;
        }
        .img_list_item_text {
          float: left;
          width: calc(100% - 106rpx);

          .img_list_item_text_title {
            color: #171717;
            width: 100%;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
            font-size: 25rpx;
            word-break: break-word;
          }
          .img_list_item_text_size {
            color: #727272;
            font-size: 25rpx;
          }
        }
        .img_list_item_cancel {
          position: absolute;
          right: -8rpx;
          top: -12rpx;
          border-radius: 50%;
          background-color: #fff;
          border: 1px solid #ccc;
          width: 34rpx;
          height: 34rpx;
          text-align: center;
          line-height: 34rpx;
          font-size: 23rpx;
        }
      }
    }
    .chat-item-ask-content {
      background-color: #5b9df6;
      padding: 22rpx;
      border-radius: 10rpx;
      position: relative;
      margin-right: 20rpx;
      margin-top: 34rpx;
      font-size: 30rpx;
      color: #fff;
      display: block;
      float: right;
    }
  }
  .chat-item-answer {
    clear: both;
    display: block;
    margin-top: 34rpx;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: self-start;
    .chat-item-img {
      width: 57rpx;
      height: 57rpx;
      margin: 0 20rpx;
    }
    .chat-item-answer-content {
      width: calc(100% - 123rpx);
      padding-right: 25rpx;
      .chat-item-text-think {
        color: #808591;
        width: 100%;
        font-size: 30rpx;
        .chat-item-text-thinkTitle {
          color: #808591;
        }
        .chat-item-text-thinkContent {
          border-left: 2px solid #ccc;
          padding-left: 20rpx;
          margin-top: 10rpx;
        }
      }
    }
  }
}
